<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户界面-学堂-参考材料播放</title>
<link type="text/css" rel="stylesheet" href="css/common.css"/>
<link type="text/css" rel="stylesheet" href="css/rank.css"/>
</head>

<body>
	<div class="header">
  	  <div class="headerInner">
      	  <div class="topIndex">欢迎您！请<a href="">登录</a> 或 <a href="">注册</a>
          	<div class="focus"><a href="">文本焦点</a></div>
          </div>
      	  <h1><a href="">一家亲</a></h1>
          <ul class="navlist">
          	  <li><a href="" title="一家亲">一家亲<em>关怀关爱</em></a></li>
              <li><a href="" title="左邻右舍">左邻右舍<em>互信互助</em></a></li>
              <li class="left_300"><a href="" title="风云榜">风云榜<em>立德立业</em></a></li>
              <li><a href="" title="风云榜">观天下<em>边看边学</em></a></li>
          </ul>
          <div class="command"><a href="" title="安身立命">安身立命</a></div>
          <div class="family">家庭互助大本营</div>
      </div>
  </div><!--header-->
  <div class="layout">
  	  <div class="position">您当前位置：<em><a href="">宝妈互助</a></em> &gt; 学堂页面</div><!--position-->
  	  <div class="test_Editor clearfix">
        <div class="studyRoom">
         <div class="topBox clearfix">
         	<div class="leftInfo">
                 	<h3>基本信息</h3>
                    <form>
                    <ul class="leftTextInfo">
                    	<li><label>课堂名称:</label><input type="text" /><span>明星学员：<a href="" >张晓军</a></span></li>
                        <li><label>基础课件:</label><input type="text" /><span><em>17</em>人觉得它有用，<em>7</em>人觉得它无用</span></li>
                        <li class="infoTime clearfix"><div><label>开始时间:</label><input type="text" /></div><div class="endTime"><label>结束时间:</label><input type="text" /></div></li>
                        <li class="infoTime status clearfix"><div><label>状态:</label><input type="text" /></div><div class="play"><a href="#">播放</a></div></li>
                    </ul>
                    </form>
              
            </div><!--leftInfo-->
   
            <div class="rightInfo">
			  <h3>标签列表</h3>
              <ul class="signList clearfix">
                	<li><a class="active" href="#">我的笔记</a></li>
                    <li><a href="#">推荐资料</a></li>
                	<li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                    <li><a href="#">我的笔记</a></li>
                </ul>
							
            </div><!--rightInfo-->
         </div><!--topBox-->
         <div class="bottomBox">
         	<h3>参考资料</h3>
               <table>
                <thead>
                    <tr class="res_bg02">
                      <th>序号</th>
                      <th>课件名称</th>
                      <th>推荐人</th>
                      <th>觉得有用数</th>
                      <th>觉得没有用数</th>
                      <th class="operation">&nbsp;</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="tr_selected">
                        <td>1</td>
                        <td class="className"><a href="#">三命通会.ppt</a></td>
                        <td>王小一</td>
                        <td  class="count">40</td>
                        <td  class="count">20</td>
                        <td class="operation"><a  href="">播放</a><a href="" class="download">下载</a></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td class="className"><a href="#">三命通会.ppt</a></td>
                        <td>王小一</td>
                        <td  class="count">40</td>
                        <td  class="count">20</td>
                        <td class="operation"><a  href="">播放</a><a href="" class="download">下载</a></td>
                    </tr>
                    <tr class="tr_selected">
                        <td>2</td>
                        <td class="className"><a href="#">三命通会.ppt</a></td>
                        <td>王小一</td>
                        <td  class="count">40</td>
                        <td  class="count">20</td>
                        <td class="operation"><a  href="">播放</a><a href="" class="download">下载</a></td>
                    </tr>
                </tbody>
           </table>
         </div><!--bottomBox-->
       </div><!--studyRoom-->
      </div><!--test_Editor-->
  </div><!--layout-->
  <div class="footer">家天下 @ 版权所有  2012-2020  闽 ICP89201010002</div>
  <!--foooter-->
</body>
</html>
